<template>
  <view>
    <view class="list" v-for="(item, i) in list" :key="i">
      <view>
        <view>序号: {{ i + 1 }}</view>
        <view>用户名: {{ item.username }}</view>
        <view>手机号: {{ item.mobile }}</view>
        <view>Email: {{ item.email }}</view>
      </view>

      <view class="btn">
        <button @click="remove(item._id)">删除</button>
        <button @click="gotoDetail(item._id)">编辑</button>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: []
    }
  },
onLoad() {
  this.getData();
},
methods: {
  getData() {
    console.log("----------------执行查询操作----------------");
    uniCloud.callFunction({
      name: "getUser",
      success: (e) => {
        console.log(e.result);
        this.list = e.result.data;
      }
    })
  }
  },
  remove(_id) {
    console.log("----------------执行删除操作----------------");
    uniCloud.callFunction({
      name: "removeUser",
      data: { "id": _id },
      success: (e) => {
        console.log(e.result);
        uni.showToast({
          title: '删除成功',
          duration: 2000
        });
        this.getData();
      }
    })
  },
  gotoDetail(_id) {
    console.log("----------------执行编辑跳转操作----------------");
    uni.navigateTo({
      url: "../edit/edit?id=" + _id
    })
  }
  }
</script>

<style>
	.list {
		border-bottom: 1rpx solid #F1F1F1;
		padding-bottom: 20rpx;
	}
	
    .btn{
	display: flex;	
}	
</style>
